
(function(){
	
//获取当前传递过来的 cat_id
let catId = wj.getUrlValue('catId');
let catName = wj.getUrlValue('catName');

// 面包导航
document.querySelector('.now-breadcrumb').innerHTML = window.decodeURIComponent(catName);

// 当前页
let page = 1;
// 总页数
let pageCount = 0;
// 商品数量
let pagesize = 3;

let oBaseGoodsContent = document.querySelector('.base-goods-content');

// 先获取总页数 => 调用分页器 => 调用商品渲染
// 默认要先渲染一次

// 拿到上面的catId了之后，马上请求当前第一页  ID的商品
goodsRender();
// 调用分页器
getMaxPageCount();

// 获取总页数
function getMaxPageCount(){
	
	wj.ajax({
		url: BASE_URL + '/api_goods',
		data: {catId, page, pagesize},
		success(res){
			if(res.code != 0){
				console.log(res);
				return;
			};
			
			// 设置总页数
			pageCount = res.page;
			
			// 后面才能调用分页器
			wjPagination();
		},
		
	})
};

// 分页器
function wjPagination(){
	// 调用分页器
	$('.classify-pagination').pagination({
		// 总页数
		pageCount : pageCount,
		current: 1,
		prevContent: '上一页',
		nextContent: '下一页',
		mode : 'fixed',
		coping: true,
		homePage: '首页',
		endPage: '末页',
		isHide: true,
		jump: true,
		callback(obj){
			//当前页
			page = obj.getCurrent();
			//调用数据方法
			goodsRender();
		},	
	});	
}

// 商品渲染的方法
function goodsRender(){
	
	wj.ajax({
		url: BASE_URL + '/api_goods',
		data: {catId, page, pagesize},
		success(res){
			console.log(res);
			if(res.code != 0){
				console.log(res);
				return;
			};
			
			//验证商品数据有没有
			if(res.data.length == 0){
				oBaseGoodsContent.innerHTML = '此分类下的商品正在上新中....';
				return;
			};
			
			//组装结构
			let str = '';
			res.data.forEach(item => {
				// 里面使用字符串进行赋值
				str += `
					<li>
						<div class="goods-up">
							<img src="${item.goods_thumb}" alt="" />			
							
							<a href="product.html?goodsId=${item.goods_id}&catId=${item.cat_id}" class="goods-mask">
								<p>¥${item.price}</p>
								<p>${item.goods_name}</p>
								<p>${item.goods_desc}</p>
							</a>
						</div>
						
						<div class="brand-down">
							<div>
								<img src="${item.brand_thumb}" alt="" />
								<span>${item.brand_name}</span>
							</div>
							<div>
								<span>${item.goods_number}</span>
								<span class="iconfont icon-aixin_shixin"></span>
							</div>			
						</div>
					</li>
				`;
						
			});
			
			// 添加到页面
			//每遍历到一个，添加一个
			oBaseGoodsContent.innerHTML = str;
			
		}
	});
};




})();

